import Vue from 'vue'
import VueRouter from 'vue-router'
import MyHome from '../views/MyHome.vue'
Vue.use(VueRouter)

const routes = [
  {
    path:'/activitycard',
      name:'ActivityCard',
      component:()=>import('../views/ActivityCard.vue')
  },
  {
    path:'/zone',
    name:'zone',
    component: ()=> import('../views/Zone.vue'),
    children:[{
      path:'/activitycard',
      name:'/zone/activitycard',
      component:()=>import('../views/ActivityCard.vue')
    }]
  },
  {
    path:'/activity',
    name:'activity',
    component: ()=> import('../views/Activity.vue')
  },
  {
    path:'/cart',
    name:'cart',
    component: ()=> import('../views/Cart.vue')
  },
  {
    path:'/tagparty',
    name:'tagparty',
    component: ()=> import('../views/TagParty.vue')
  },
  {
    path:'/tagchild',
    name:'tagchild',
    component: ()=> import('../views/TagChild.vue')
  },
  {
    path:'/tagbrithday',
    name:'tagbrithday',
    component: ()=> import('../views/TagBrithday.vue')
  },
  {
    path:'/tagnews',
    name:'tagnews',
    component: ()=> import('../views/TagNews.vue')
  },
  {
    path:'/goods',
    name:'goods',
    component: ()=> import('../views/Goods.vue')
  },
  {
    path:'/detail',
    name:'detail',
    component: ()=> import('../views/Detail.vue')
  },
  {
    path:'/magazine',
    name:'magazine',
    component: ()=>import('../views/Magazine.vue')
  },
  {
    path:'/privacy',
    name:'privacy',
    component: ()=> import('../views/Privacy.vue')
  },
  {
    path:'/protocol',
    name:'protocol',
    component: ()=>import('../views/Protocol.vue')
  },
  {
    path:'/productcake',
    name:'productcake',
    props:true,
    component: ()=> import('../views/ProductCake.vue')
  },
  {
    path:'/productbread',
    name:'productbread',
    props:true,
    component: ()=> import('../views/ProductBread.vue')
  },
  {
    path:'/producttea',
    name:'producttea',
    props:true,
    component: ()=> import('../views/ProductTea.vue')
  },
  {
    path:'/productice',
    name:'productice',
    props:true,
    component: ()=> import('../views/ProductIce.vue')
  },
  {
    path:'/login',
    name:'login',
    component: ()=>import('../views/Login.vue')
  },
  {
    path:'/register',
    name:'register',
    component: ()=>import('../views/Register.vue')
  },
  {
    path: '/',
    name: 'myhome',
    component: MyHome
  },
  
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
